/* http://stackoverflow.com/questions/17290701/maintain-image-aspect-ratio-in-carousel */

/* Sticky footer styles
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
}
body {
  /* Margin bottom by footer height */
  margin-bottom: 50px;
}
.footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  /* Set the fixed height of the footer here */
  height: 50px;
  text-align: center;
}

/* Fixed navbar
-------------------------------------------------- */
.footer > .container {
  padding-right: 15px;
  padding-left: 15px;
}

/* GLOBAL STYLES
-------------------------------------------------- */
/* Padding below the footer and lighter body text */
body {
  font-family: 'Open Sans', sans-serif;
  /*font-size: 12px;*/
  
  padding-bottom: 40px;
  color: #5a5a5a;
}

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width: 768px) {
  .footer {
    /* Set the fixed height of the footer here */
    text-align: inherit;
  }
}